import React from 'react';
import { Pagination } from 'antd';
import { LocaleProvider } from 'antd';
import zh_CN from 'antd/lib/locale-provider/zh_CN';
import 'moment/locale/zh-cn';

import styles from './index.module.less';

function onShowSizeChange(current, pageSize) {
  console.log(current, pageSize);
}
function onChange(pageNumber) {
  console.log('Page: ', pageNumber);
}
export default class Page extends React.Component {
  render() {
    return (
      <div className={styles.pageBox + ' ' + styles.clearfix }>
        {/* 分页 */}
        <div className={styles.content1}>当前页6条记录， 共10条</div>
        <div className={styles.content2}>
          <LocaleProvider locale={zh_CN}>
            <div>
              <Pagination total={50}
                showSizeChanger
                showQuickJumper
                onShowSizeChange={onShowSizeChange}
                onChange={onChange}
                className={styles.box}/>
              <button className={styles.btn}>确定</button>
            </div>
          </LocaleProvider>
        </div>
      </div>
    );
  }
}
